<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //动态注册表提交事件(更常用)
        //依旧是页面加载后使用
        window.onload=function (){
            var elementById = document.getElementById("form2");
            elementById.onsubmit=function (){
                if(elementById.username.value ==""||elementById.pwd.value==""){
                    //注意这里不能直接用id和pwd,必须加上value，否则获取的是对象
                    alert("用户名和密码不能为空")
                    return false//不提交
                }
                return true
                //注意与静态提交区别:
                //1.这里input可以不用写id,写在form里面即可，
                // 然后值根据select的name用elementById.username/pwd.value拿即可
                // 写了也行，只是使用方法变成静态(id/pwd.value)
                //2.这里不用return提交，这里return已经直接返回给函数了，
                // 静态则必须要在onsubmit上return
            }
        }
    </script>
</head>
<body>
<form action="ok.html" id="form2">
    <h1>用户2</h1>
    请输入用户名
    <input type="text" name="username" ><br>
    请输入密码&nbsp;&nbsp;
    <input type="text" name="pwd" ><br>
    <input type="submit" value="登录">
</form>
</body>
</html>